<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>

</head>
<body>

<!--1. 行内写法 写在对应的HTML元素上
onclick="" 给元素绑定一个点击事件.点击元素时执行""里的代码
alert('请先登录!') 显示弹窗,括号里是要展示的文本
console.log('哈哈哈哈') 向浏览器控制台输出指定文本 -->
<button onclick="alert('请先登录!')">点击即玩</button>
<button onclick="console.log('哈哈哈哈')">点击即玩</button>

<div id="d1">哈哈哈</div>
<!--2.内部写法:推荐写在body结束之前
      id值相当于当前HTML元素-->
<script>
    console.log(d1);
    console.log('看看执行了没!');
</script>

<!--3.引入外部的JS文件
注意,如果此标签用作引入外部JS,则标签内不能写JS代码,不会执行! -->
<script src="01.js">
    console.log('1看看执行了没!');
    console.log('2看看执行了没!');
    console.log('3看看执行了没!');
</script>
</body>
</html>